﻿[detail] {
    margin: 1.2vw;
    background-color: #FAFAFA;
}

    [detail] > div:nth-child(1) {
        padding: 4.8vw 0 0 0;
        font-size: 5.2vw;
        color: #646464;
    }

    [detail] > div:nth-child(2) {
        padding: 3.6vw 0 0 0;
        font-size: 3.6vw;
        color: #909090;
    }

    [detail] > div:nth-child(3) {
        padding: 4vw 0 4.8vw 0;
        font-size: 3.6vw;
        color: #909090;
    }

        [detail] > div:nth-child(3) > img {
            margin: 0 2vw 0 4vw;
            width: 4vw;
        }

            [detail] > div:nth-child(3) > img:nth-child(1) {
                margin: 0 2vw 0 0;
            }

    [detail] > div:nth-child(4) {
        padding: 5.2vw 8vw;
        border-top: 0.2vw solid #F0F0F0;
        font-size: 4vw;
        line-height: 5.2vw;
        color: #646464;
        opacity: 0.8;
    }

[bottombar] {
    background-color: #FAFAFA;
    color: #B0B0B0;
}

    [bottombar] > div {
        flex: 1;
        font-size: 10vw !important;
    }

    [bottombar] img {
        margin: 0 2vw 0 0;
    }

    [bottombar] > input {
        background-color: #4063E6;
        color: #FAFAFA;
        width: 20vw;
        flex: unset !important;
    }

[commentary] {
    width: 75.6vw;
    background-color: #FAFAFA;
}

    [commentary] > div:nth-child(1) {
        padding: 3.2vw 4.8vw;
    }

    [commentary] textarea {
        height: 49.2vw
    }

    [commentary] > [submitBar] {
        padding: 3.6vw 8vw;
    }

        [commentary] > [submitBar] > input {
            padding: 2.8vw;
            font-size: 4vw;
            color: #FAFAFA;
            background-color: #4063E6;
            border-radius: 1.2vw;
        }

[item] {
    margin: 1.2vw 1.6vw 0 1.6vw;
    background-color: #FAFAFA;
}

    [item] > div:nth-child(1) {
        display: flex;
        color: #646464;
    }

        [item] > div:nth-child(1) > div:nth-child(1) {
            height: 10vw;
        }

        [item] > div:nth-child(1) > div:nth-child(2) {
            flex: 1;
        }

        [item] > div:nth-child(1) > div:nth-child(3) {
            padding: 0 4vw 0 0;
        }

    [item] > div:nth-child(2) {
        display: flex;
        padding: 2vw;
        color: #909090;
    }

[bottombar] img {
    width: 6vw;
}

[start] {
    margin: 0 2vw;
    color: #E4393C;
    font-size: 5vw;
}

[rate] {
    margin: 0 1vw;
}
